﻿<div class="content-wrap research-listings">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>
    <div class="content">
        <div class="content-pad">
            <div class="left-content"></div>
            <div class="right-content">
                <div class="clear">&nbsp;</div>
            </div>
            <div class="clear">&nbsp;</div><br />
            <div class="table" style="table-layout: fixed;">
                <div class="table-row">
                    <div class="table-head width_200">
                        <a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('CompanyNameLowerCase');" ng-class="assessmentsList.orderByCol === 'CompanyNameLowerCase' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a>
                        <div class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="assessmentsList.piFilterObject.companyNameLowerCase" ng-enter="assessmentsList.searchButtonClick()">
                            <input type="button" value="" ng-click="assessmentsList.searchButtonClick()" class="search-btn">
                        </div>
                    </div>
                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('Exchange');" ng-class="assessmentsList.orderByCol === 'Exchange' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Exchange</a></div>
                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('Ticker');" ng-class="assessmentsList.orderByCol === 'Ticker' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Ticker</a></div>
                    <div class="table-head width_90">
                        <a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('PeerGroupName');" ng-class="assessmentsList.orderByCol === 'PeerGroupName' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a>
                        <div style="" class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="assessmentsList.piFilterObject.industry" ng-enter="assessmentsList.searchButtonClick()">
                            <input type="button" value="" ng-click="assessmentsList.searchButtonClick()" class="search-btn">
                        </div>
                    </div>
                    <div class="table-head width_110">
                        <a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('IndicatorSymbolDescription');" ng-class="assessmentsList.orderByCol === 'indicatorSymbolDescription' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">PI Indicator</a>
                        <div class="table-search-container">
                            <div ng-dropdown-multiselect="" events="assessmentsList.myEvents" options="assessmentsList.piIndicatorSymbolsOptions" selected-model="assessmentsList.piIndicatorSymbolsFilter"></div>
                        </div>                        
                    </div>  
                    <div class="table-head width_190" style="padding-right: 10px;"><a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('CategoryOfInvolvementDescription');" ng-class="assessmentsList.orderByCol === 'CategoryOfInvolvementDescription' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Category of Involvement</a></div>
                    <div class="table-head width_110 center-align">
                        <a href="" class="sortable_placeholder" ng-click="assessmentsList.setOrderByCol('RangeOwnerShip');" ng-class="assessmentsList.orderByCol === 'RangeOwnerShip' ? (assessmentsList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Range/Ownership</a>
                        <div class="table-search-container">
                            <div ng-dropdown-multiselect="" events="assessmentsList.myEvents" options="assessmentsList.piRangeOwnershipOptions" selected-model="assessmentsList.piRangeOwnershipFilter" extra-settings="assessmentsList.piRangeOwnershipFilterSettings"></div>
                        </div>                        
                    </div>
                </div>
                <div ng-repeat="assessment in assessmentsList.assessmentsList" class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}">
                    <div class="table-cell width_290" ng-class="{'last':$last}" style="border-left: 1px solid #e0e0e0;">
                        <a href="#/research/pi/{{assessment.companyNameSafeUrl}}" style="width:180px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{assessment.companyName}}">
                            {{assessment.companyName}}
                        </a>
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{assessment.exchange}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{assessment.ticker}}
                    </div>
                    <!--<div class="table-cell width_130">
                        {{assessment.country}}
                    </div>-->
                    <div class="table-cell width_90" ng-class="{'last':$last}">
                        {{assessment.peerGroupName}}
                    </div>
                    <div class="table-cell width_110" ng-class="{'last':$last}">
                        <span class="orange-link">{{assessment.indicatorSymbolDescription}}</span>
                    </div>
                    <div class="table-cell width_190" style="padding-right: 10px;" ng-class="{'last':$last}">
                        {{assessment.categoryOfInvolvementDescription}}
                    </div>
                    <div class="table-cell width_110 center-align" ng-class="{'last':$last}">
                        {{assessment.rangeOwnership}}
                    </div>
                </div>
            </div>
            <sustainalytics-pager></sustainalytics-pager>

            <div class="gray-bg-top" ng-show="assessmentsList.notIncludedInUserUniverses == true">
                <span class="title-black-bold">The companies are not included in the account's Product Involvement universes.</span>
            </div>

            <div class="gray-bg-top" ng-show="assessmentsList.noEvidenceFoundInIndicatorsOfInterest == true">
                <span class="title-black-bold">No companies have been found to have significant involvement in any of your Product Involvement indicators.</span>
            </div>

            <div class="gray-bg-top" ng-show="assessmentsList.noClaims == true">
                <span class="title-black-bold">You do not have access to Product Involvement multiple company online report feature.</span>
            </div>

        </div>
    </div>
</div>